extends ./layout/default_layout
block style
block container
    #liangziOnline
        .menuwrapper
            .menu
                .btn.active
                    span 全部
                        img(src="")
                .btn
                    .inner 视频
                        img(src="")
                .btn
                    .inner 音频
                        img(src="")
                .btn
                    .inner 文章
                        img(src="")
        .pages
            .page.show
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .typeicon
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.video 6个视频
                            span.follow 45
                            span.star 32
                            span.price ¥168
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .typeicon.audioicon
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.audio 6个音频
                            span.follow 45
                            span.star 32
                            span.price ¥168
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.article 6篇文章
                            span.follow 45
                            span.star 32
                            span.price ¥168

            .page
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .typeicon
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.video 6个视频
                            span.follow 45
                            span.star 32
                            span.price ¥168
            .page
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .typeicon.audioicon
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.audio 6个音频
                            span.follow 45
                            span.star 32
                            span.price ¥168
            .page
                a.courseItem(href="/videoinfo/1")
                    img.avatar
                    .infoBox
                        legend 晓松奇谈之聊斋志异鬼狐3媚娘芊芊
                        .authorbox
                            span.author 索隆
                            time 07/10/21
                        .iconBox
                            span.article 6篇文章
                            span.follow 45
                            span.star 32
                            span.price ¥168

        include ./layout/homeBtn
    block js
        script.
            $(function(){
                var btn = $('.btn'),
                    page = $('.page');
                $.each(btn, function (index) {
                    $(this).on('click', function () {
                        btn.removeClass('active').eq(index).addClass('active');
                        page.removeClass('show').eq(index).addClass('show');
                    })
                })
            })


